<template>
  <h2 style="color: #2c3e50; font-size: 28px;">MyRights</h2>
  <!-- 用户列表 -->
  <table border style="width: 100%;color: black;border-collapse: collapse;border: 2px solid #000;">
    <thead>
      <tr>
        <th>编号</th>
        <th>权限</th>
        <th>日期</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in settinglist" :key="item.id">
        <td>{{ item.id }}</td>
        <td>{{ item.set }}</td>
        <td>{{ item.date }}</td>
      </tr>
    </tbody>
  </table> 
</template>

<script setup>
const  settinglist = [
  { id: '1',set: '用户管理',date: '2008-05-06' },
  { id: '2',set: '购物车',date: '2012-12-23' },
]
</script>

<style>

</style>